@charset utf-8;

* { font-family:'나눔 고딕', Nanum Gothic,'맑은 고딕',Malgun Gothic, '돋움', Dotum, sans-serif !important; }
[class^="icon-"], [class*=" icon-"] { vertical-align:middle !important; }
ul { margin-left:0; }
li { list-style:none; }

i.division { padding:0 5px; font-style:normal; color:#D2D2D2; }

footer { padding:100px 0 0 0; }
header { position:fixed; display:block; top:0; width:100%; height:44px; background:url('/tools/book/img/bg_header.png') repeat-x; text-align:center; z-index:1000; }
/* header h1 { width:156px; height:21px; margin:12px auto 0; padding:0; background:url('/tools/book/img/txt_header.png') no-repeat; text-indent:-1000em; overflow:hidden; } */
header a { display:block; width:110px; margin:0 auto; padding:0; }
header a:hover { text-decoration:none; }
header a h1 { margin:0; padding:0; color:#622800; font-size:20px; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,0.4); letter-spacing:-1px; line-height:2; }
header .search { position:absolute; top:7px; right:10px; z-index:10; }
header .search input { width:120px; height:15px; padding:4px 0 4px 15px; color:#fff; text-shadow:0px -1px 2px rgba(0,0,0, 0.5); background:transparent; outline:none; -webkit-border-image:url('/tools/book/img/bg_search.png') 3 14 3 14 stretch; -webkit-border-width: 3px 14px 3px 14px; border-image:url('/tools/book/img/bg_search.png') 3 14 3 14 fill stretch; border-width: 3px 14px 3px 14px; -webkit-transition:width 0.5s; }
header .search input:focus { width:170px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:all 0.5s; background:transparent; }
header .search:before { content:url('/tools/book/img/ico_glass.png'); position:absolute; top:6px; left:10px; }
header .btn-group { position:absolute; top:7px; }
header .btn-group .btn { width:15px; padding:2px 8px 6px; background:rgba(148,102,59,0.2); color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); border-color:rgba(0,0,0,0.3); }
header .btn-group.open .btn.dropdown-toggle { background-color:rgba(148,102,59,0.2); }
header .btn-group .btn i { text-indent:-1000px; }

header .btn-group.view { left:115px; }

header .btn-group.info { left:10px; }
header .btn-group.info .btn { width:40px; padding:4px 14px; }
header .btn-group.info .btn.btn-home { width:15px; padding:2px 8px 6px; }
header .btn-group.info .dropdown-menu .btn { display:none; width:110px; padding:3px 20px; background:#fff; color:#333; text-shadow:none; box-shadow:none; border:none; border-radius:0; }
header .btn-group.info .dropdown-menu .btn:hover { color: white; text-decoration: none; background-color: #0081C2; background-image: -webkit-linear-gradient(top, #08C, #0077B3); background-repeat:repeat-x; }	